<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>浓情中秋，悦享三重礼</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link href="../style.css" rel="stylesheet" type="text/css"/>
    <script src="../../../resource/js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="../../../resource/js/util.js" type="text/javascript"></script>
    <script src="../../../resource/js/require.js" type="text/javascript"></script>
    <script src="../../../resource/js/app.js" type="text/javascript"></script>
    <script src="../../../resource/js/common.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../../resource/js/underscore.js"></script>
    <script src="../../../resource/js/plugin/jquery.SuperSlide.2.1.2.js" type="text/javascript"></script>
    <script src="../../../resource/js/lib/mobileU.core.js" type="text/javascript"></script>
    <link href="../style.css" rel="stylesheet" type="text/css"/>
    <link href="../head.css" rel="stylesheet" type="text/css"/>
    <link href="../footer.css" rel="stylesheet" type="text/css"/>
    <style>
        /*十月份活动*/
        a {
            outline: none;
        }
        :focus {
            outline: 0;
        }

        .bgcolor {
            background: #f8f7f6 url("../act_17_10_1/img/bg.jpg") repeat;
        }

        .borRadius34 {
            border-radius: 34px;
            -webkit-border-radius: 34px;
            -moz-border-radius: 34px;
            -o-border-radius: 34px;
        }

        .borRadius15 {
            border-radius: 15px;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            -o-border-radius: 15px;
        }

        .borRadius20 {
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -o-border-radius: 20px;
        }

        .borRadius40 {
            border-radius: 40px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -o-border-radius: 40px;
        }

        .activityCont {
            margin-bottom: -30px;
        }

        .activityBanner {
            margin: 0 auto;
            height: 513px;
            background: url("../act_17_10_1/img/banner.jpg") no-repeat center;
        }

        .actCont1, .actCont2, .actCont3 {
            width: 1000px;
            margin: 0 auto;
        }

        .actCont1 img.title, .actCont2 img.title {
            margin: 0 auto;
            padding-top: 70px;
            width: 512px;
            height: 139px;
        }

        .actCont1 p.desc, .actCont2 p.desc, .actCont3 p.desc {
            font-size: 22px;
            color: #786a5e;
            margin-top: 45px;
            line-height: 38px;
        }

        .actCont3 p.desc span {
            font-size: 30px;
            color: #bf3022;
        }

        .investmentCont p {
            background: rgba(255, 255, 255, 0.549);
            box-shadow: 2.5px 4.33px 5px 0px rgba(6, 0, 1, .15);
            -webkit-box-shadow: 2.5px 4.33px 5px 0px rgba(6, 0, 1, .15);
            width: 826px;
            height: 102px;
            line-height: 102px;
            margin: 65px auto 55px;
            font-size: 26px;
            color: #e33c38;
        }

        .investmentCont a {
            width: 370px;
            height: 80px;
            line-height: 80px;
            margin: 0 auto;
            font-size: 36px;
            background: #ffcb2c;
            color: #fff;
            box-shadow: 0 5px 0 rgb(247, 177, 42);
        }

        .cashBackCont {
            width: 975px;
            margin: 0 auto;
        }

        .cashBackCont dl {
            margin: 50px 30px 0;
        }

        .cashBackCont dl dt img {
            margin-left: 10px;
        }

        .cashBackCont dl dd {
            background: #eb4d44;
            width: 265px;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            color: #fff;
        }

        .actCont2 img.cont2Img {
            margin: 45px auto;
        }

        .actCont3 img.cont3Img {
            margin: 80px 0 0 210px;
        }

        .actCont3 a {
            background: #bf3022;
            width: 387px;
            height: 80px;
            line-height: 80px;
            font-size: 34px;
            color: #fff;
            margin: 100px auto 0;
        }

        .prizeCont ul {
            width: 880px;
            margin: 0 auto;
        }

        .prizeCont ul li {
            float: left;
            margin: 45px 20px;
        }

        .scratch {
            width: 646px;
            height: 256px;
            margin: 0 auto;
            background: url("../act_17_10_1/img/scratchBg.png") no-repeat;
            padding: 23.5px 29px;
        }

        .beforeLottery {
            width: 646px;
            height: 68px;
            background: url("../act_17_10_1/img/mark.png") no-repeat;
            padding: 94px 0;
        }

        .beforeLottery a {
            width: 352px;
            height: 68px;
            line-height: 68px;
            background: #e33c38;
            font-size: 30px;
            color: #fff;
            margin: 0 auto;
        }

        .afterLottery {
            width: 646px;
            height: 256px;
            background: url("../act_17_10_1/img/afterShave.png") no-repeat;
        }

        .afterLottery h6 {
            font-size: 34px;
            color: #fff;
            line-height: 110px;
            font-weight: normal;
        }

        .afterLottery p {
            font-size: 76px;
            color: #fff;
            line-height: 76px;
        }

        .winnerList {
            width: 702px;
            height: 204px;
            margin: 75px auto 0;
            background: url("../act_17_10_1/img/winnerListBg.png") no-repeat;
            padding-top: 70px;
        }

        .winnerList ul {
            height: 168px;
            width: 695px;
            margin: 0 auto;
            overflow: hidden;
        }

        .winnerList ul li {
            line-height: 56px;
            font-size: 24px;
            color: #e33c38;
            text-align: center;
        }

        .actFooter {
            background: url("../act_17_10_1/img/footerBg.png") bottom center no-repeat;
        }

        .actFooterCont img.title {
            margin: 0 auto 45px;
            padding-top: 60px;
        }

        .actFooterCont {
            width: 1000px;
            margin: 0 auto;
            padding-bottom: 100px;
        }

        .actFooterCont p {
            font-size: 22px;
            color: #786a5e;
            line-height: 42px;
        }

        .notWin {
            width: 570px;
            height: 426px;
            position: fixed;
            left: 50%;
            margin-left: -285px;
            top: 50%;
            margin-top: -200px;
            background: url("../act_17_10_1/img/bombBg.png") no-repeat;
            z-index: 20;
        }

        .notWin dl {
            height: 287px;
        }

        .notWin dl dt {
            font-size: 22px;
            color: #333;
            line-height: 36px;
        }

        .notWin a {
            width: 214px;
            height: 68px;
            background: #e33c38;
            margin: 25px auto 0;
            font-size: 24px;
            color: #fff;
            line-height: 68px;
        }
    </style>
</head>
<body class="bgcolor">
<div id="page">
    <!--内容页-->
    <div id="actCont"></div>
</div>
<script type="text/template" id="raContentInfoTpl">
    <!-- 顶部开始 -->
<div class="header">
    <div class="header_con">
        <ul class="pull_left fl">
            <li>
                <a id="qq" href="http://shang.qq.com/wpa/qunwpa?idkey=c545b3bb0ae17c5e7b387a1c3ca3ceabdb64c27fa89883f732b75bba470959e9" target="_blank" class="icon-sns iconBg2 qq">
                    <div class="social_content iconBg2" style="display:none;">
                        <p class="social_title">两只老虎官方VIP群</p>
                        <p class="add_qun"><span class="orange qunlogo">QQ群:311466807</span></p>
                    </div>
                </a>
            </li>
            <li>
                <a id="weibo" href="http://weibo.com/u/5177222533" target="_blank" class="icon-sns iconBg2 weibo" rel="nofollow"></a>
            </li>
            <li>
                <a id="wechat" href="javascript:void(0);" class="icon-sns iconBg2 wechat">
                    <div class="social_content iconBg2" style="display:none;">
                        <p><img src="../../img/head/weixin.png"></p>
                    </div>
                </a>
            </li>
            <li class="ml75">
                <a id="andApp" href="https://www.twotiger.com/aboutus/appLoad" target="_blank" class="icon-sns iconBg2 android">
                </a>
            </li>
            <li>
                <a id="iosApp" href="https://www.twotiger.com/aboutus/appLoad" target="_blank" class="icon-sns iconBg2 ios">
                </a>
            </li>
        </ul>
        <ul class="pull_right">
            <li>客服热线：400-990-3337  （9:00-21:00）</li>
            <li><a class="regist" href="https://www.twotiger.com/user/regist">免费注册</a></li>
            <li class="loged"><a href="https://www.twotiger.com/user/login">登录</a></li>
        </ul>
    </div>
</div>
<!-- 顶部结束 -->
<!-- 导航开始 -->
<div class="nav whiteBg">
    <div class="navbar_inner">
        <h1><a href="/"><span class="blind">两只老虎</span></a></h1>
        <ul class="main_menu rel">
            <li class="on"><a href="https://www.twotiger.com/">首页</a></li>
            <li class="rel iwantInvest" style="display:block">
                <a class="wytz" href="https://www.twotiger.com/project">老虎定期</a>
                <i class="iconBg"></i>
                <div class="pos">
                    <ul>
                        <li><a style="color:#1a1a1a" href="https://www.twotiger.com/project">老虎直投</a><div></div></li>
                        <li><a style="color:#1a1a1a" href="https://www.twotiger.com/bond">转让项目</a><div></div></li>
                    </ul>
                </div>
            </li>
            <li><a href="https://www.twotiger.com/projectX">老虎活期</a></li>
            <li><a href="https://www.twotiger.com/user">我的账户</a></li>
            <li><a href="https://www.twotiger.com/aboutus/safeguard">安全保障</a></li>
            <li style="padding-right:0px;"><a href="https://www.twotiger.com/aboutus/newGuide">新手指引</a></li>
        </ul>
    </div>
</div>
    <!-- 未中奖弹框 -->
    <div id="bomb" style="display:none">
        <div class="mark"></div>
        <div class="notWin borRadius35">
            <dl class="tc">
                <dt class="mt25"></dt>
                <dd class="mt10"><img src="../act_17_10_1/img/emptyBox.png" alt=""/></dd>
            </dl>
            <a id="iKnow" class="db tc borRadius15" href="javascript:;">知道了</a>
        </div>
    </div>
    <div class="activityCont">
        <div class="activityBanner"></div>
        <%if(rc.data.code == 200){%>
        <div class="actCont1Bg">
            <div class="actCont1">
                <img class="db title" src="../act_17_10_1/img/title1.png" alt=""/>
                <p class="tc desc">活动期间，投资10%及以上利率项目，单笔投资金额满足条件，即可享受金额返现哦。</p>
                <div class="clearfix cashBackCont">
                    <dl class="fl">
                        <dt><img class="db" src="../act_17_10_1/img/20.png" alt=""/></dt>
                        <dd class="tc borRadius20 mt10">1万≤单笔投资金额＜5万</dd>
                    </dl>
                    <dl class="fl">
                        <dt><img class="db" src="../act_17_10_1/img/25.png" alt=""/></dt>
                        <dd class="tc borRadius20 mt10">5万≤单笔投资金额＜20万</dd>
                    </dl>
                    <dl class="fl">
                        <dt><img class="db" src="../act_17_10_1/img/30.png" alt=""/></dt>
                        <dd class="tc borRadius20 mt10">20万≤单笔投资金额</dd>
                    </dl>
                </div>
                <div class="investmentCont">
                    <p id="investDesc" class="tc borRadius20">您当前的投资金额为****元，已获得****元奖励</p>
                    <a id="loginBtn" class="db tc borRadius20" href="javascript:;">立即登录</a>
                </div>
            </div>
        </div>
        <div class="actCont2Bg">
            <div class="actCont2">
                <img class="db title" src="../act_17_10_1/img/title2.png" alt=""/>
                <p class="tc desc">活动期间，您当天的累计投资金额大于2万，即有抽奖的机会。每日1次，机会仅限当天有效哦。</p>
                <div class="prizeCont">
                    <ul class="clearfix">
                        <li><img class="db" src="../act_17_10_1/img/1prize.png" alt=""/></li>
                        <li><img class="db" src="../act_17_10_1/img/2prize.png" alt=""/></li>
                        <li><img class="db" src="../act_17_10_1/img/3prize.png" alt=""/></li>
                        <li><img class="db" src="../act_17_10_1/img/4prize.png" alt=""/></li>
                    </ul>
                </div>
                <div class="scratch">

                    <!-- 点击开奖前-->
                    <div class="beforeLottery">
                        <a id="awardBtn" class="db tc borRadius34" href="javascript:;">点击开奖</a>
                    </div>

                    <!-- 点击开奖后-->
                    <div class="afterLottery" style="display:none">
                        <h6 class="tc">恭喜你中奖啦</h6>
                        <p class="tc">一等奖</p>
                    </div>

                </div>
                <div class="winnerList" id="bonustable">
                    <ul class="bd">
                        <%_.each(rc.data.list,function(item,index){%>
                        <li><%=item.name%>刚刚获得了<%=item.awardName%></li>
                        <%});%>
                    </ul>
                </div>
            </div>
        </div>
        <%}else if(parseInt(rc.data.code)!=200){%>
        <p class="fs22 lh28 tac mt25">出错了，请联系管理员</p>
        <%}%>
        <div class="actFooter">
            <div class="actFooterCont rel">
                <img class="db title" src="../act_17_10_1/img/title3.png" alt=""/>
                <p>1、活动时间：2017年10月1日00:00:00~10月8日23:59:59；</p>
                <p>2、老虎活期、老虎直投10%以下利率项目以及转让项目不参与活动；</p>
                <p>3、活动所得的现金奖励，将在投资完成以后即刻发放到您的个人账户中，有效期7天；</p>
                <p>4、【双节福利第二弹】的实物奖励，将在活动结束后的7个工作日内安排发放；</p>
                <p>5、刷奖、冒用他人身份证、银行卡者一经核实，取消活动资格，所得奖励不予承兑；</p>
                <p>6、本活动最终解释权归两只老虎所有，如有疑问请咨询：400-990-3337 </p>
            </div>
        </div>
</script>
<!--模板定义 结束-->
<script language="javascript">
    $(window).on(mobileU.Event.orientationEvent, utils.initheader);

    $(function () {
        var para = utils.getBasicPara();
        utils.ajaxGetRender($("#actCont"), 'http://res.twotiger.net/api/api/act_17_10_1', para, $("#raContentInfoTpl"), {
            succeful: function ($dom, data) {

                /**
                 * 主要的处理逻辑：
                 * 1.无状态数据
                 * 中奖名单
                 *
                 * 2.有状态数据：
                 *  状态：用户是否登录
                 *  用户未登录：
                 *  1.您当前累计投资额部分为星号
                 *  2.按钮为立即登录
                 *
                 *  用户登录：
                 *  1.您当前累计投资额部分为具体金额
                 *  2.按钮为立即投资
                 *  3.用户在都登陆的条件下点击拆奖的不同状态
                 *      3.1用户投资额不足2w
                 *      3.2用户投资额大于等于2w，并且用户当天没有参加活动
                 *      3.3用户投资额大约等于2w，并且用户当天已经参加活动
                 *
                 *
                 */
                window.userStatus = data.userStatus;
                if (userStatus == "notLogin") {//用户没有登录
                    $("#investDesc").html("您当前的投资金额为****元，已获得****元奖励");
                    $("#loginBtn").html("立即登录");
                } else {//用户登录
                    $("#investDesc").html("您当前的投资金额为" + data.latestInvest + "元，已获得" + data.awardAmt + "元奖励");
                    $("#loginBtn").html("立即投资");
                    window.info = data.info;
                    switch (data.info.status) {
                        case "3"://用户投资额满足2w,并且当天已经翻牌子
                            $(".beforeLottery").hide();
                            $(".afterLottery").show();
                            $(".afterLottery p").html(data.info.awardName);
                            break;
                    }
                }

                $("#loginBtn").on("click", function () {
                    if (window.userStatus == "notLogin") {//去登陆
                        require(['login'], function (login) {
                            login.init({
                                success: function () {
                                    window.location.reload();
                                }
                            });
                        })
                    }
                    else {//跳到投资页面
                        window.location.href = "http://jxb.test.twotiger.net:248/project";
                    }
                });

                $("#awardBtn").on("click", function () {
                    if (window.userStatus == "notLogin") {//去登陆
                        require(['login'], function (login) {
                            login.init({
                                success: function () {
                                    window.location.reload();
                                }
                            });
                        })
                    } else {
                        switch (window.info.status) {
                            case "0":
                            case "1":
                                $("#bomb dt").html(info.msg);
                                //
                                alert(info.msg);
                                break;
                            case "2":
                                $.post('/api/api/award_17_10_1', para, function (data) {
                                    $(".beforeLottery").hide();
                                    $(".afterLottery p").html(data.awardName);
                                    $(".afterLottery").show();
                                });
                                break;
                            case "3"://用户投资额满足2w,并且当天已经翻牌子
                                alert("您已经参与本次活动！");
                                break;
                        }
                    }
                });

                // 获奖者滚动
                $("#bonustable").slide({//滚动
                    mainCell: ".bd",
                    autoPlay: true,
                    effect: "topMarquee",
                    vis: 3,
                    interTime: 50,
                    trigger: "click",
                    mouseOverStop: false
                });

                $("#logout").click(function (){
                    window.location.href="/api/user/logout?rurl="+encodeURIComponent(window.location.href);
                });

                $("#login").click(function (){
                    //window.location.href="/api/user/login?rurl="+encodeURIComponent(window.location.href);
                    require(['login'], function (login) {
                        login.init({
                            success: function () {
                                window.location.reload();
                            }
                        });
                    })
                });
            }
        });

        require([ "baguetteBox" ], function() {
            baguetteBox.run('.baguetteBoxOne');
        });

    });

</script>
<div class="footer">
    <div class="footer_cont">
        <div class="footer_con">
            <ul class="footer_copy">
                <li class="icp_logo"><a href="#" target="_blank"></a></li>
                <li class="norton_logo"><a href="#" target="_blank"></a></li>
                <li class="credit_logo"><a href="#" target="_blank"></a></li>
                <li class="safe_logo"><a href="#" target="_blank"></a></li>
            </ul>
            <div class="fn_cles">
                <span>京ICP备14022293号</span>
                <span class="baguetteBoxOne">
	            <a href="../../img/cert/22.jpg">京ICP证140539号</a>
	            <a href="../../img/cert/33.jpg"></a>
                </span>
                <span>京公网安备11010502026024</span>
                <span>© 2014 twotiger.com</span>
                <span>北京两只老虎电子商务有限公司</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>